<template>
    <div class="Info" :style="style" >
        <h1>个人信息</h1>
        <ul>
            <li>
                <label v-text="$vals.role" />
                <label v-text="$vals.name" >姓名</label>
            </li>
            <li @click="$router.push('/finder/updateInfo')" >信息修改</li>
            <li @click="$router.push('/finder/pwd')" >密码修改</li>
            <li @click="$reLogin()" >退出登录</li>
        </ul>
    </div>
</template>

<script>
    export default {
        props: {
        },
        computed:{
            style(){
                return 'width:'+window.screen.width+'px;min-height:'+window.screen.height+'px;';
            }
        }
    };
</script>
<style scoped lang="scss" >
    @import "Info";
</style>
